<template>
	<div class="a-fadeinL">
		<div style="position: absolute;top: 110px;left: 67px;text-align: center;" @click="about(1)">
			<!-- <img src="../assets/a1.png" loading="lazy" style="box-shadow: 5px 15px 10px rgb(28,32,44);border-radius: 10px;" @click="$router.push({path: '/Content'})"/>
			<span style="color: white;font-size: 20px;display: block;padding: 10px 0px;">园区环境</span> -->
			<img :src="parkModuleUrl2" loading="lazy" style="width:260px;height:328px;box-shadow: 5px 15px 10px rgb(28,32,44);border-radius: 10px;"/>
			<span style="color: white;font-size: 20px;display: block;padding: 20px 0px;">{{parkModuleDescribe2}}</span>
		</div>
		<div align="center" style="padding-top: 110px;" @click="about(2)">
			<img :src="parkModuleUrl1" loading="lazy" style="width:560px;height:356px;box-shadow: 0px 0px 5px 5px white;border-radius: 10px;"  @click="$router.push({path: '/GXQAbout'})"/>
			<span style="color: white;font-size: 20px;display: block;padding: 20px 0px;">{{parkModuleDescribe1}}</span>
		</div>
		<div style="position: absolute;top: 110px;right: 67px;text-align: center;" @click="about(3)">
			<!-- <img src="../assets/a2.png" loading="lazy" style="box-shadow: 5px 15px 10px rgb(28,32,44);border-radius: 10px;"/>
			<span style="color: white;font-size: 20px;display: block;padding: 10px 0px;">办公环境</span> -->
			<img :src="parkModuleUrl3" loading="lazy" style="width:260px;height:328px;box-shadow: 5px 15px 10px rgb(28,32,44);border-radius: 10px;"  @click="$router.push({path: '/honor'})"/>
			<span style="color: white;font-size: 20px;display: block;padding: 20px 0px;">{{parkModuleDescribe3}}</span>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'Home',
		data() {
			return {
				parkModuleDescribe1:'',
				parkModuleDescribe2:'',
				parkModuleDescribe3:'',

				parkModuleUrl1:'',
				parkModuleUrl2:'',
				parkModuleUrl3:'',
			}
		},
		methods: {
			about(item){
				if(item ==1){
					this.$router.push({path:'Others'})
				}else if(item ==2){
					this.$router.push({path:'Dynamic',query:{name:'Home',
						parkModuleDescribe1:'高新奇'
					}})
				}
				
			},
			async getGxqHome(){
				let res = await	this.$http.get('/gxq/parkModule')
				let {code,data,msg} = res.data
				// console.log(code,data,msg)
				if (code == 200) {
					this.parkModuleDescribe1 = data[0].parkModuleDescribe
					this.parkModuleDescribe2 = data[1].parkModuleDescribe
					this.parkModuleDescribe3 = data[2].parkModuleDescribe
					this.parkModuleUrl1 = data[0].parkModuleUrl
					this.parkModuleUrl2 = data[1].parkModuleUrl
					this.parkModuleUrl3 = data[2].parkModuleUrl
					console.log(this.parkModuleUrl1);
				}
			}
		},
		mounted() {
			this.getGxqHome()
		},
	}
</script>

<style lang="less" scoped>

</style>